.bg-gray{
  padding: 0px;
}
.product-item{
  background: #fff;
  border: 1px solid #d1d2d2;
  padding: 5px;
  margin-bottom: 10px;
}
.product-item-img{

  background: #f4f4f4;
  margin-bottom: 20px;
}
.product-item-img img{
  width: 100%;
}
.product-item-title{
  font-size: 17px;
  color: #033333;
}
.product-item-desc{
  color: #999;
  line-height: 150%;
}
.product-item-title{
  text-align: center;
}


.btn{
  padding-left: 20px;
  padding-right: 20px;
}
.fliter-active{
  color: #5aa6de;
}
.fliter{
  margin: 0;
  padding: 0;
}
.fliter li{
  line-height: 250%;
}
.product-search{
  overflow: hidden;
  border: 1px solid #d7d8d8;
  background: #fff;
  padding: 15px;
}
.fliter-input{
  width: 48%;
}
.product-search-bg{
  padding: 20px;
}
.mypagination{
  text-align: center;
}
.pagination > li{
  display: inline-block;
  margin-left: 6px;
  margin-right: 6px;
}
@media (max-width: 768px) {

  .bg-gray{
    padding-top: 0px;
  }
    .my-nav .nav>li>a {
        padding-left: 20px;
        padding-right: 20px;
    }
    .fliter-input{
      width: 100%;
    }
  .container{
    padding-left: 5px;
    padding-right: 5px;
  }
  .row{
    margin-left: 0;
    margin-right: 0;
  }
  .col-xs-6{
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (max-width: 480px) {

  .col-xs-3{
    width: 100%;
    padding-left: 4px;
    padding-right: 4px;
  }
  .fliter-input{
    width: 100%;
  }
  .product-item-title{
    font-size: 14px;
  }
  .product-item-desc{
    font-size: 12px;
  }
  .product-item-img{
    margin-bottom: 6px;
  }
  .pagination > li{
    display: inline-block;
    margin-left: 3px;
    margin-right: 3px;
  }
  .pagination > li > a, .pagination > li > span{
    padding: 3px 6px;
  }
}
